<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:wicket="http://wicket.sourceforge.net/">
<head>
    <wicket:head>
        <title>MyERP Dashboard</title>
        <script language="javascript" type="text/javascript" src="js/jquery.js"></script>
        <!-- <script language="javascript" type="text/javascript" src="js/jquery.flot.js"></script> 
        <script src="js/jquery.flot.time.js"></script>-->
        <script type="text/javascript" wicket:id="plotValues"></script>
    </wicket:head>
</head>
<body>
    <wicket:extend>
        <!-- content starts -->
        <!-- breadcrumb -->
        <div>
            <ol class="breadcrumb">
                <li><a href=".">Home</a> <span class="divider">/</span></li>
                <li><a class="active">Dashboard</a></li>
            </ol>
        </div>

        <div class="row-fluid sortable">
        
            <div class="span4">
            
                <div class="span12">
                    <a data-rel="tooltip" title="Vanzari astazi" class="well span12 top-block" href="#" wicket:id="vanzare">
                        <span class="icon32 icon-color icon-cart"></span>
                        <div>Vanzare</div>
                        <div>Total astazi: <span wicket:id="vanzariAzi">13.320</span> RON</div>
                    </a>
                </div>
                
                <div class="span12">
                
                    <div class="box span12">
                        <div class="box-header well">
                            <h2><i class="icon-th"></i> Bonuri</h2>
                            <!-- <div class="box-icon">
                                <a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
                                <a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
                                <a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a> 
                            </div>-->
                        </div>
                        <div class="box-content">
                            <ul class="nav nav-tabs" id="myTab">
                                <li class="active" ><a href="#info" data-toggle="tab">Astazi</a></li>
                                <li><a href="#info7" data-toggle="tab">7 Zile</a></li>
                                <li><a href="#info1" data-toggle="tab">1 Luna</a></li>
                            </ul>
                            
                            <div id="myTabContent" class="tab-content">
                                <div class="tab-pane active" id="info">
                                    <table class="table table-striped table-condensed">
                                        <thead>
                                            <tr>
                                                <th>Magazin</th>
                                                <th><div align="right">Bonuri</div></th>
                                                <th><div align="right">Subtotal</div></th>
                                            </tr>
                                        </thead>   
                                        <tbody>
                                            <tr wicket:id="bonuriAzi">
                                                <td><a href="#"><span wicket:id="magazin">Dristor</span></a></td>
                                                <td><div align="right" wicket:id="bonuri">5</div></td>
                                                <td><div align="right" wicket:id="suma">230</div></td>
                                            </tr>
                                            <tr wicket id="totalAzi">
                                                <td><strong>Total</strong></td>
                                                <td><div align="right"><strong wicket:id="totalBonuriAzi">54</strong></div></td>
                                                <td><div align="right"><strong wicket:id="totalSumaAzi">6555</strong></div></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="tab-pane" id="info7">
                                    <table class="table table-striped table-condensed">
                                        <thead>
                                            <tr>
                                                <th>Magazin</th>
                                                <th><div align="right">Bonuri</div></th>
                                                <th><div align="right">Subtotal</div></th>
                                            </tr>
                                        </thead>   
                                        <tbody>
                                            <tr wicket:id="bonuri7zile">
                                                <td><a href="#"><span wicket:id="magazin">Dristor</span></a></td>
                                                <td><div align="right" wicket:id="bonuri">5</div></td>
                                                <td><div align="right" wicket:id="suma">230</div></td>
                                            </tr>
                                            <tr wicket id="total7zile">
                                                <td><strong>Total</strong></td>
                                                <td class="right"><div align="right"><strong wicket:id="totalBonuri7zile">43</strong></div></td>
                                                <td class="right"><div align="right"><strong wicket:id="totalSuma7zile">9000</strong></div></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="tab-pane" id="info1">
                                    <table class="table table-striped table-condensed">
                                        <thead>
                                            <tr>
                                                <th>Magazin</th>
                                                <th><div align="right">Bonuri</div></th>
                                                <th><div align="right">Subtotal</div></th>
                                            </tr>
                                        </thead>   
                                        <tbody>
                                            <tr wicket:id="bonuriLuna">
                                                <td><a href="#"><span wicket:id="magazin">Dristor</span></a></td>
                                                <td><div align="right" wicket:id="bonuri">5</div></td>
                                                <td><div align="right" wicket:id="suma">230</div></td>
                                            </tr>
                                            <tr wicket id="totalLuna">
                                                <td><strong>Total</strong></td>
                                                <td><div align="right"><strong wicket:id="totalBonuri30Zile">32</strong></div></td>
                                                <td><div align="right"><strong wicket:id="totalSuma30Zile">77777</strong></div></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div><!-- /myTabContent -->
                        </div>
                    </div><!--/span-->
                        
                </div> <!-- de la span12 -->
                
                <div class="span12">
                
                    <div class="box span12">
                    
                        <div class="box-header well">
                            <h2><i class="icon-th"></i> Vanzari (7 zile)</h2>
                            <!-- <div class="box-icon">
                                <a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
                                <a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
                                <a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a> 
                            </div>-->
                            
                        </div>
                        <div class="box-content">
                            <div id="placeholder" style="height: 200px;" ></div>
                        </div>
                    
                    </div>
                
                
                </div>
                
            </div> <!-- de la span4 -->
                    
            <div class="span8">
            
                <div class="box span12">
                    <div class="box-header well" data-original-title>
                        <h2><i class="icon-list-alt"></i> Stocuri</h2>
                        <div class="box-icon">
                            <a href="#" class="btn btn-round" wicket:id="lnkStoc"><i class="icon-edit"></i></a>
                        </div>
                    </div>
                    
                    
                    <div class="box-content">
                        <ul class="nav nav-tabs" id="myTab1">
                            <li wicket:id="storeView"><a data-toggle="tab" wicket:id="store">Dristor</a></li>
                        </ul>
                         
                        <div id="myTabContent1" class="tab-content">
                            <div class="tab-pane" wicket:id="stocuri">
                                <table class="table table-striped table-condensed">
                                    <thead>
                                        <tr>
                                            <th>Produse <span class="label label-important" wicket:id="lblSize">34</span></th>
                                            <th><div align="right">Disponibil</div></th>
                                            <th style="width: 300px;">Nivel</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr wicket:id="recipient">
                                            <td>
                                                <a data-rel="tooltip" title="Detalii modificari Stoc" href="#" wicket:id="detailLink"><i class="icon icon-blue icon-search"/></a>&nbsp;
                                                <a data-rel="tooltip" title="Editare Stoc" href="#" wicket:id="editLink"><i class="icon icon-orange icon-edit"/></a>&nbsp;
                                                <span wicket:id="denumire">C300-ADS</span>
                                            </td>
                                            <td wicket:id="stoc" style="text-align: right">170L</td>
                                            <td>
                                                <div class="progress" wicket:id="stoc_recipient">
                                                    <div class="bar" style="" wicket:id="nivel"></div>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <a class="btn btn-primary" data-rel="tooltip" title="Configureaza un nou produs" href="#" wicket:id="linkWizard">
                                    <i class="icon icon-white icon-add"/> Stoc nou
                                </a>
                            </div>
                        </div>
                    </div>

                </div><!--/span-->
            
            </div> <!-- de la span8 -->
            
        </div><!--/row-->
            <!-- content ends -->
    
    </wicket:extend>
</body>
</html>
